.loginPage {
  width: 1520px;
  height: 675px;
  opacity: 1;
  background: linear-gradient(180deg, #e0e6fa 0%, #e2eafd 100%);
  display: flex;
  flex-direction: column;
}
.loginPage .head {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.loginPage .head .icon {
  background-image: url('/src/assets/login-icon.png');
  background-size: cover;
  width: 23.56px;
  height: 31px;
  margin-left: 16px;
  margin-top: 15px;
}
.loginPage .head .head-title {
  width: 112.27px;
  height: 29.62px;
  background: url('/src/assets/login-head.png');
  background-size: cover;
  margin-left: 13.17px;
  margin-top: 16.38px;
}
.loginPage .under {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.loginPage .under .decorate {
  display: flex;
  flex: 5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}
.loginPage .under .decorate .title {
  background: url('@/assets/login-title.png');
  background-size: cover;
  width: 448px;
  height: 57.4px;
}
.loginPage .under .decorate .picture {
  background: url('@/assets/login-picture.png');
  background-size: cover;
  width: 556.4px;
  height: 556.4px;
}
.loginPage .under .content {
  display: flex;
  flex: 5;
  justify-content: end;
  align-items: center;
}
.loginPage .under .content .login {
  display: flex;
  width: 423px;
  height: 423px;
  border-radius: 32px;
  backdrop-filter: blur(4px);
  background-color: white;
  margin-right: 70px;
  justify-content: center;
}
